<!DOCTYPE HTML>

<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta charset="utf-8">

  <!-- Description, Keywords and Author -->

  <meta name="description" content="">
  <meta name="author" content="">
  <title>:: Aisen ::</title>
  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

  <!-- style -->

  <link href="css/style.css" rel="stylesheet">

  <!-- style -->

  <!-- bootstrap -->

  <link href="css/bootstrap.min.css" rel="stylesheet">

  <!-- responsive -->

  <link href="css/responsive.css" rel="stylesheet">

  <!-- font-awesome -->

  <link href="css/font-awesome.min.css" rel="stylesheet">

  <!-- font-awesome -->

</head>

<body style="width: 100%">

  <!-- main-wrapper-iamge -->

  <div style="position: fixed; top: 0; left: 0; bottom: 0; right: 0">
    <video style="width: 100%; height: 100%" src="video/file.mp4"></video>
  </div>
  <main id="main" role="main-wrapper-iamge">
    <div class="">

      <!-- container -->

      <div class="container">

        <!-- tab-content -->

        <div class="tab-content text-center">

          <!-- Countdown -->

          <section id="home" class="tab-pane fade in active">
            <article role="countdown" class="countdown-pan">
              <div id="countdown" class="text-center"></div>
              <p>we are working hard for better expirience</p>
            </article>
          </section>

          <!-- Countdown -->

          <!-- introduction -->

          <section id="menu1" class="tab-pane fade">
            <article role="introduction" class="introduction-pan">
              <header class="page-title">
                <h2>Our Introduction</h2>
              </header>
              <p>We are a team of talented people with big ideas and creative minds. We are here to make your website a lot
                <br/> more effective and profitable. Genesis Coming Soon Template is a perfect solution to keep your visitors
                inter-
                <br/> ested while preparing site for launch. We know what's the best and we're here for you. </p>

              <!-- services -->

              <ul role="services">
                <li>
                  <i class="fa fa-diamond" aria-hidden="true"></i>
                  <h6>Branding Consuting</h6>
                  <p>We are a team of talented people
                    <br/> with big ideas and creative.</p>
                </li>
                <li>
                  <i class="fa fa-camera-retro" aria-hidden="true"></i>
                  <h6>Fashion Photography</h6>
                  <p>We are a team of talented people
                    <br/> with big ideas and creative.</p>
                </li>
                <li>
                  <i class="fa fa-bullhorn" aria-hidden="true"></i>
                  <h6>Digital Marketing</h6>
                  <p>We are a team of talented people
                    <br/> with big ideas and creative.</p>
                </li>
              </ul>

              <!-- services -->

            </article>
          </section>

          <!-- introduction -->

          <!-- Subscribe -->
          <div class="copyrights">Collect from
            <a href="http://www.cssmoban.com/">企业网站模板</a>
          </div>

          <section id="menu2" class="tab-pane fade">
            <article role="subscribe" class="subscribe-pan">
              <header class="page-title">
                <h2>Subscribe to Us</h2>
              </header>
              <div class="ntify_form">
                <form method="post" action="php/subscribe.php" name="subscribeform" id="subscribeform">
                  <input name="email" type="email" id="subemail" placeholder="Enter Your Email...">
                  <label>
                    <input name="" type="submit" class="button-icon">
                    <i class="fa fa-paper-plane" aria-hidden="true"></i>
                  </label>
                </form>

                <!-- subscribe message -->

                <div id="mesaj"></div>

                <!-- subscribe message -->

              </div>
              <p>Please enter your email below and we'll let you know once
                <br/> we're up and running.</p>
            </article>
          </section>

          <!-- Subscribe -->

          <!-- Contact -->

          <section id="menu3" class="tab-pane fade">
            <article role="contact" class="contact-pan">
              <header class="page-title">
                <h2>Stay in touch with us</h2>
              </header>
              <h3>
                <a href="mailto:Contact@Aisen.com">Contact @ Aisen.com</a>
              </h3>
              <ul>
                <li>
                  <i class="fa fa-map-marker" aria-hidden="true"></i> Collins Street West Victoria 8007 Australia.</li>
                <li>
                  <i class="fa fa-phone" aria-hidden="true"></i>
                  <a href="tel:1-212-290-4700">+1-212-290-4700</a>
                </li>
              </ul>
            </article>
          </section>
        </div>

        <!-- tab-content -->

      </div>

      <!-- container -->

      <!-- header -->

      <header role="header">
        <hgroup>

          <!-- logog -->

          <h1>
            <a href="#" title="Aisen">Aisen</a>
          </h1>

          <!-- logog -->

          <!-- nav -->

          <nav role="nav" id="header-nav" class="nav navy">
            <ul class="nav nav-tabs">
              <li class="active">
                <a data-toggle="tab" href="#home" title="Countdown">Countdown</a>
              </li>
              <li>
                <a data-toggle="tab" href="#menu1" title="Introduction">introduction</a>
              </li>
              <li>
                <a data-toggle="tab" href="#menu2" title="Subscribe">Subscribe</a>
              </li>
              <li>
                <a data-toggle="tab" href="#menu3" title="Contact">Contact</a>
              </li>
            </ul>
            <div role="socil-icons" class="mobile-social">
              <li>
                <a href="#" target="_blank" title="twitter">
                  <i class="fa fa-twitter" aria-hidden="true"></i>
                </a>
              </li>
              <li>
                <a href="#" target="_blank" title="facebook">
                  <i class="fa fa-facebook" aria-hidden="true"></i>
                </a>
              </li>
              <li>
                <a href="#" target="_blank" title="google-plus">
                  <i class="fa fa-google-plus" aria-hidden="true"></i>
                </a>
              </li>
              <li>
                <a href="#" target="_blank" title="pinterest">
                  <i class="fa fa-pinterest" aria-hidden="true"></i>
                </a>
              </li>
            </div>
          </nav>

          <!-- nav -->

          <!-- Socil Icon -->

          <ul role="socil-icons" class="desk-social">
            <li>
              <a href="#" target="_blank" title="twitter">
                <i class="fa fa-twitter" aria-hidden="true"></i>
              </a>
            </li>
            <li>
              <a href="#" target="_blank" title="facebook">
                <i class="fa fa-facebook" aria-hidden="true"></i>
              </a>
            </li>
            <li>
              <a href="#" target="_blank" title="google-plus">
                <i class="fa fa-google-plus" aria-hidden="true"></i>
              </a>
            </li>
            <li>
              <a href="#" target="_blank" title="pinterest">
                <i class="fa fa-pinterest" aria-hidden="true"></i>
              </a>
            </li>
          </ul>

          <!-- Socil Icon -->

        </hgroup>
        <footer class="desk">
          <p>&copy; All rights reserved. Floxi 2015 More Templates
          </p>
        </footer>
      </header>

      <!-- header -->

      <footer class="mobile">
        <p>&copy; All rights reserved. Floxi 2015 </p>
      </footer>
    </div>
  </main>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

  <script src="js/jquery.min.js" type="text/javascript"></script>

  <!-- custom -->

  <script src="js/custom.js" type="text/javascript"></script>
  <script src="js/nav-custom.js" type="text/javascript"></script>

  <!-- Include all compiled plugins (below), or include individual files as needed -->

  <script src="js/bootstrap.min.js" type="text/javascript"></script>

  <!-- jquery.countdown -->

  <script src="js/countdown-js.js" type="text/javascript"></script>
  <script src="js/html5shiv.js" type="text/javascript"></script>
</body>

</html>